<template>
<div class="c-container">
    <div class="title2">课程介绍</div>
    <div class="content1">湖南省村庄规划精品课程内容设置包括基础巩固、建设规划、技术提升、实践经验及法律政策五个篇章；课程形式包括视频、公众号推文、资料汇编等。
        本期课程为《湖南省村庄规划精品课程》第一期，授课内容为“‘技术提升篇’之湖南省村庄规划系列软件讲解”，主要包括村庄规划底图底数使用介绍，村庄规划编制管理5个软件（现状调查软件、编制插件、编制管理系统、成果质检软件、综合服务管理系统），以及村庄规划成果解密介绍。</div>
    <div class="title2">教学课程</div>
    <div style="padding:0 100px">
        <div class="shiping">
        <div class="vedioBox">
                <video width="400" height="300" controls>
                    <source src="http://218.77.58.39:9090/files/video/06村庄规划底图底数使用介绍.mp4" type="video/mp4">
                    <source src="movie.ogg" type="video/ogg">
                </video>
                <div class="shuoming">村庄规划底图底数使用介绍</div>

            </div>
            <div class="vedioBox">

          <video width="400" height="300" controls>
              <source src="http://218.77.58.39:9090/files/video/01村庄规划现状调查软件.mp4" type="video/mp4">
              <source src="movie.ogg" type="video/ogg">
          </video>
          <div class="shuoming">村庄规划现状调查软件</div>

      </div>


        <div class="vedioBox">
            <video width="400" height="300" controls>
                <source src="http://218.77.58.39:9090/files/video/03乡村规划编制管理系统.mp4" type="video/mp4">
                <source src="movie.ogg" type="video/ogg">
            </video>
            <div class="shuoming">乡村规划编制管理系统</div>

        </div>
    </div>
    <div class="shiping">

        <div class="vedioBox">
            <video width="400" height="300" controls>
                <source src="http://218.77.58.39:9090/files/video/02村庄规划编制插件.mp4" type="video/mp4">
                <source src="movie.ogg" type="video/ogg">
            </video>
            <div class="shuoming">村庄规划编制插件</div>

        </div>
        <div class="vedioBox">
            <video width="400" height="300" controls>
                <source src="http://218.77.58.39:9090/files/video/04村庄规划成果数据质检软件.mp4" type="video/mp4">
                <source src="movie.ogg" type="video/ogg">
            </video>
            <div class="shuoming">村庄规划成果数据质检软件</div>

        </div>

        <div class="vedioBox">
            <video width="400" height="300" controls>
                <source src="http://218.77.58.39:9090/files/video/05村庄规划综合服务团驻点服务信息系统.mp4" type="video/mp4">
                <source src="movie.ogg" type="video/ogg">
            </video>
            <div class="shuoming">村庄规划综合服务团驻点服务信息系统</div>

        </div>

    </div>
    <div class="shiping">
    <div class="vedioBox">
        <video width="400" height="300" controls>
            <source src="http://218.77.58.39:9090/files/video/07村庄规划成果解密.mp4" type="video/mp4">
            <source src="movie.ogg" type="video/ogg">
        </video>
        <div class="shuoming">村庄规划成果解密</div>

    </div>
</div>
    </div>

</div>
</template>

<script>

</script>

<style lang="scss" scoped>
.c-container {
    background-color: WhiteSmoke;
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 20px;
    border-radius: 10px;
    overflow-y: auto;
    overflow-x: hidden;

    .title2 {
        font-weight: 700;
        font-size: 18px;
        margin: 20px 0;
    }

    .content1 {
        text-indent: 20px;
    }

    .shiping {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .vedioBox {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .shuoming {
        margin-top: 10px;
        text-align: center;
    }
}
</style>
